

export default function LeftLbl(
	{
		title,
		required
	}: {
		title: string,
		required?: boolean
	}) {
	return <>
		<div className='bg'>
			{required && <img style={{ marginRight: '0.2rem' }} src={'/images/required.png'} />}
			<span className='lbl'>{title}：</span>
			<style jsx>{`
.bg{
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
width: 7rem;
flex-grow: 0;
}
.lbl{
font-size: 0.875rem;
color: #505D68;
text-shadow: 0rem 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
text-align: end;
}
`}</style>
		</div>
	</>;
}
